
<div id="letree" class="col-md-3 left_col" th:fragment="letree" xmlns:th="http://www.w3.org/1999/xhtml">
    <div class="left_col scroll-view">
        <div class="navbar nav_title" style="border: 0;">
            <a href="index.html" th:href="@{/toindex}" class="site_title">
                <img src="../../static/images/sq_logo1.png" th:src="@{/images/sq_logo1.png}" width="45px" height="45px" />
                <img src="../../static/images/sq_logo2.png" th:src="@{/images/sq_logo2.png}" height="35px" />
            </a>
        </div>

        <div class="clearfix"></div>

        <!-- menu profile quick info -->
        <div class="profile clearfix">
            <div class="profile_pic">
                <img src="../../static/images/tx_1.png" th:src="@{/images/tx_1.png}" alt="..." class="img-circle profile_img"/>
            </div>
            <div class="profile_info">
                <span>欢迎您,</span>
                <h2 style="display: inline-block" id="empName" th:text = "${empName}"></h2>
                <div id="clock3"></div>
            </div>
        </div>
        <!-- /menu profile quick info -->


        <!-- sidebar menu -->
        <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
            <div class="menu_section ">
                <!--<h3>General</h3>active-->
                <ul class="nav side-menu" >
                    <li th:each = "data,iterStat : ${list}"><a><i th:class="${data.menuCss}"></i><span th:text="${data.menuName}"></span><span class="fa fa-chevron-down"></span></a>
                        <ul class="nav child_menu" style="display: none;">
                            <li th:each="data1, iterStat : ${data.sysMenuList}">
                                <a href="#" th:href="${data1.menuUrl}" > <i class="fa fa-user" th:class="${data1.menuCss}"></i> <span th:text="${data1.menuName}"> 人员 </span></a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

        </div>
        <!-- /sidebar menu -->

        <!-- /menu footer buttons -->
        <!--<div class="sidebar-footer hidden-small">-->
            <!--<a data-toggle="tooltip" data-placement="top"-->
               <!--title="Settings">-->
                        <!--<span class="glyphicon glyphicon-cog"-->
                              <!--aria-hidden="true"></span>-->
            <!--</a>-->
            <!--<a data-toggle="tooltip" data-placement="top"-->
               <!--title="FullScreen" class="toFullScreen">-->
                        <!--<span class="glyphicon glyphicon-fullscreen"-->
                              <!--aria-hidden="true"></span>-->
            <!--</a>-->
            <!--<a data-toggle="tooltip" data-placement="top" title="Lock">-->
                        <!--<span class="glyphicon glyphicon-eye-close"-->
                              <!--aria-hidden="true"></span>-->
            <!--</a>-->
            <!--<a data-toggle="tooltip" data-placement="top" title="Logout"-->
               <!--href="login.html">-->
                        <!--<span class="glyphicon glyphicon-off"-->
                              <!--aria-hidden="true"></span>-->
            <!--</a>-->
        <!--</div>-->
        <!-- /menu footer buttons -->
    </div>
    <div class="d_width" style=" position: fixed; left: 0; bottom: 0;  width: 230px; background: #2A3F54;  padding: 15px; text-align: center">
        <a href="http://www.cssmoban.com/" target="_blank" title="模板之家"></a>
        <img src="../../static/images/liantong2.png" width="14px" height="14px" style="margin-top: -4px"  th:src="@{/images/liantong2.png}">&nbsp;中国联通系统集成有限公司 <a href="http://www.cssmoban.com/" title="网页模板" target="_blank"></a>
       <br/>
        copyright©2018&nbsp;
    </div>
    <div class="x_width" style=" position: fixed; left: 0; bottom: 0;  width: 70px; background: #2A3F54;  padding: 8px; ">
        <img src="../../static/images/liantong2.png" style="  width: 30px; display: block; margin: 0 auto 5px auto;"  th:src="@{/images/liantong2.png}">
        中国联通

    </div>
    <div class="clearfix"></div>

</div>
 Bootstrap
<script src="../static/vendors/bootstrap/dist/js/bootstrap.min.js"
        th:src="@{/vendors/bootstrap/dist/js/bootstrap.min.js}"></script>
<script src="../static/build/js/my.js"
        th:src="@{/build/js/my.js}"></script>

<script type="text/javascript"  th:inline="javascript">
    $(function(){
        $("#clock3").MyDigitClock({
            fontSize:14,
            fontColor:"#fff",
            background:"rgba(0,0,0,.0)",
            fontWeight:"500",
            timeFormat: '{YY}-{RR} {HH}:{MM}:{SS}'
        });
    });
</script>

<script  th:inline="javascript">

    $(function () {
        var fullscreen = function (elem) {
            if (elem.webkitRequestFullScreen) {
                elem.webkitRequestFullScreen();
            } else if (elem.mozRequestFullScreen) {
                elem.mozRequestFullScreen();
            } else if (elem.requestFullScreen) {
                elem.requestFullscreen();
            } else {
                //浏览器不支持全屏API或已被禁用
            }
        }
        var exitFullscreen = function () {
            document.exitFullscreen ? document.exitFullscreen() :
                document.mozCancelFullScreen ? document.mozCancelFullScreen() :
                    document.webkitExitFullscreen ? document.webkitExitFullscreen() : '';
        }
        //    function noNumbers(e) {
        //        var keynum;
        //        var keychar;
        //        keynum = window.event ? e.keyCode : e.which;
        //        keychar = String.fromCharCode(keynum);
        //        alert(keynum + ':' + keychar);
        //    }
        $(".toFullScreen").click(function () {
            fullscreen($(".fullscreenBox")[0]);
            $(".fullscreenBox").attr("style", "position:absolute;top:0;left:0;margin-left:0px;");
            $(".fullscreenBox").append("<span class='glyphicon glyphicon-log-in exitFS'></span>");
            $(".exitFS").attr("style", "position:absolute;top:30px;right:30px;font-size:20px;")
        })
        $(document).on("click", ".exitFS", function () {
            exitFullscreen($(".fullscreenBox")[0]);
            $(".fullscreenBox").attr("style", "");
            $(".exitFS").remove();
            exitFullscreen($(".fullscreenBox")[0]);
        })
    })


</script>